<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<style>
.body3 {
	background-color: #FCFFC1;
	color: #1F7B00;
	padding: 4px 0;
}


</style>
			<ui:insert name="header">
				<ui:include src="/menuEmpresa.xhtml"></ui:include>
			</ui:insert>

	<h:form>
		<f:view>
			<h:body>
			
				<!--  -->


				<h1>Alta de Canchas</h1>
				<center>
					<rich:panel bodyClass="body3" style="width:735px;">
						<f:facet name="header">
							<h:outputText value="Registro de Canchas" id="progress" />
						</f:facet>



						<table>
							<tr>
								<td align="right"><h:outputText value="Nombre:"
										style="font-weight:bold; color:#1F7B00" /></td>
								<td align="right"><h:inputText value="#{cancha.nombre}"
										required="true" id="nombre" style=" width : 150px;" /></td>
								<td></td>
								<td align="right"><rich:message for="nombre"
										ajaxRendered="true" /></td>
							</tr>
							<tr>
								<td align="right"><h:outputText value="Dirección:"
										style="font-weight:bold; color:#1F7B00" /></td>
								<td align="right"><h:inputText value="#{cancha.direccion}"
										required="true" id="direccion" style=" width : 150px;" /></td>
								<td></td>
								<td align="right"><rich:message for="direccion"
										ajaxRendered="true" /></td>
							</tr>
							<tr>
								<td align="right"><h:outputText value="Precio:"
										style="font-weight:bold; color:#1F7B00" /></td>
								<td align="right"><h:inputText value="#{cancha.precio}"
										required="true" id="precio" style=" width : 150px;" /></td>
								<td></td>
								<td align="right"><rich:message for="precio"
										ajaxRendered="true" /></td>
							</tr>
							<tr>
								<td align="right"><h:outputText value="Habilitado:"
										style="font-weight:bold; color:#1F7B00" /></td>
								<td align="left"><h:selectBooleanCheckbox
										value="#{cancha.habilitada}" id="habilitado" /></td>
								<td></td>
								<td align="right"><rich:message for="habilitado"
										ajaxRendered="true" /></td>
							</tr>
							<tr>
								<td align="right"><h:outputText value="Telefonos:"
										style="font-weight:bold; color:#1F7B00" /></td>
								<td align="right"><h:inputTextarea
										value="#{cancha.tel}" required="true" id="telefonos"
										style=" width : 150px; height : 40px;" /></td>
								<td></td>
								<td align="right"><rich:message for="telefonos"
										ajaxRendered="true" /></td>
							</tr>
							<tr>
								<td align="right"><h:outputText value="Observaciones (opcional)"
										style="font-weight:bold; color:#1F7B00" /></td>
								<td align="right"><h:inputTextarea
										value="#{cancha.texto}" id="texto"
										style=" width : 150px; height : 40px;" /></td>
								<td></td>
								
							</tr>

						</table>
						<table>
							<tr>
								<td><h:outputText value="Días:"
										style="font-weight:bold; color:#1F7B00" /></td>
								<td><h:selectManyCheckbox value="#{cancha.diasSem.dias}"
										style="font-weight:bold; color:#1F7B00">
										<f:selectItems value="#{cancha.diasSem.dia}" />
									</h:selectManyCheckbox></td>
								<td></td>

							</tr>
							<tr>
								<td><h:outputText value="Horas:"
										style="font-weight:bold; color:#1F7B00" /></td>
								<td><h:selectManyCheckbox value="#{cancha.diasSem.horas}"
										style="font-weight:bold; color:#1F7B00">
										<f:selectItems value="#{cancha.diasSem.hora}" />
									</h:selectManyCheckbox></td>
								<td></td>

							</tr>






						</table>

						<table>
							<tr>
								<td colspan="2"><a4j:commandButton value="Aceptar"
										action="#{cancha.altaCancha}" style="font-weight:bold" /></td>

								<td colspan="2"><a4j:commandButton value="Cancelar"
										action="salirmenu" immediate="true" style="font-weight:bold" /></td>

							</tr>

						</table>


					</rich:panel>
				</center>
			</h:body>
		</f:view>
	</h:form>


</ui:composition>